﻿@font-face { font-family:HanHei SC; src:url(https://images.iyunmai.com/home/static/css/font/HanHei-SC-text.woff)}

body{ background:#fff; font:12px "PingHei","Microsoft YaHei", "YaHei", "arial", "Hiragino Sans GB", "sans-serif"}
body, ul, li, h1, h2, h3, h4, h5, h6, p, th, td, dl, dt, dd{ margin:0; padding:0; font-weight:normal; font-style:normal}
table, h1, h2, h3, h4, h5, h6{ font-size:12px}
ul, li, dl, dt, dd{ list-style-type:none}
table{ border-collapse:collapse; border-spacing:0; border:0}
img{ border:none; vertical-align:bottom}
a, button{ cursor:pointer}
pre { margin: 0px; padding: 0px; border: 0px; overflow: hidden; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-family: 微软雅黑; }
*:focus { outline: none}
.html_y{ overflow-y:hidden}
.html_hidden{ height:100%; overflow:hidden}

a:link{ text-decoration:none}
a:visited{ text-decoration:none}
a:hover{ text-decoration:none}
a:active{ text-decoration:none}

.family_arial{ font-family:"Gotham-Book","arial"}

.font_14{ font-size:14px}
.font_16{ font-size:16px}
.font_20{ font-size:20px}
.font_26{ font-size:26px}
.font_32{ font-size:32px}
.fw_b{ font-weight:bold}

.co_red{ color:#F00}
.co_666{ color:#666}

.bc_e1{ background-color:#e1e1e1}
.bc_f0{ background-color:#f0f0f0}
.bc_f2{ background-color:#f2f2f2}
.bc_f3{ background-color:#f3f3f3}
.bc_32{ background-color:#32323E}
.bc_f7{ background-color:#f7f7f7}
.bc_fa{ background-color:#fafafa}
.bc_f4{ background-color:#F4F6F8}
.bc_fff{ background-color:#fff}

.f_l{ float:left}
.f_r{ float:right}
.ta_l{ text-align:left}
.ta_c{ text-align:center}
.ta_r{ text-align:right}
.dp_n{ display:none}
.clear{ clear:both}

.main{ width:1160px; margin:auto; overflow:hidden}
.main_over_auto{ overflow:visible}
.icon_bg{ background-image:url(../images/icon.png); background-repeat:no-repeat}
.country_icon{ background-image:url(../images/country_icon.png); background-repeat:no-repeat}

.tel_icon{ background-position:22px -267px}
.pass_icon{ background-position:20px -401px}
.code_icon{ background-position:20px -337px}
.passrep_icon{ background-position:20px -476px}
.name_icon{ background-position:20px 13px}
.age_icon{ background-position:20px -57px}
.heavy_icon{ background-position:20px -197px}
.sex_icon{ background-position:20px -126px}
.tel_icon{ background-position:20px -267px}
.pen_icon{ background-position:-110px 13px}
.height_icon{ background-position:-110px -57px}
.sinaWeiBo_icon{ background-position:-110px -127px}
.sms_icon{ background-position:20px -1887px}
.cart_icon{ background-position:15px -2747px}

a{ text-decoration:none; color:#666; transition:color .3s ease-out; -webkit-transition:color .3s ease-out}
a:hover{ color:#2CC699}

.btn{ border-radius:6px; opacity:0.7; transition:opacity .3s ease-in; -webkit-transition:opacity .3s ease-in}
.btn:hover{ opacity:1}

.title{ height:24px; padding-top:25px; line-height:24px; color:#515254; font-size:22px}
.title .tag{ float:right; color:#ABABAB; font-size:14px}
.title .tag a{ font-size:14px; text-decoration:underline}
.tit_1{ font-size:60px; color:#515255; text-align:center; line-height:62px}
.tit_2{ font-size:36px; color:#8C8C8C; text-align:center; line-height:38px; padding-top:20px}
.tit_3{ font-size:14px; color:#73797E; text-align:center; line-height:20px; padding-top:20px}
.tit_4{ font-size:40px; color:#333; text-align:center; line-height:42px}
.tit_5{ font-size:30px; color:#8C8C8C; text-align:center; line-height:32px; padding-top:20px}
.tit_6{ font-size:18px; color:#000; text-align:center; line-height:28px; padding-top:20px}

.input{ width:302px; height:52px; float:left; border:1px solid #696E73; position:relative; background-color:#fff; border-radius:6px; opacity:0.5; transition:opacity .3s ease-in; -webkit-transition:opacity .3s ease-in; z-index:9999}
.input input{ width:230px; height:30px; line-height:30px; background-color:#fff; border:none; padding:0; font-size:16px; color:#777; float:left; margin-top:11px}
.input:hover, .input_hover{ opacity:1}
.input_error{ opacity:1; border:2px solid #f00}
.input .icon{ width:56px; height:52px; float:left}
.input i{ width:200px; height:30px; font-style:normal; color:#777; line-height:30px; float:left; font-size:16px; position:absolute; top:10px; left:58px; cursor:text}
.input .i_999{ color:#999}
.input .itf{ top:5px; left:23px}
.input .w_150{ width:150px}
.input .w_120{ width:120px}
.input .verCode{ width:80px; height:32px; float:left; margin-top:10px}
.input .verCode img{ width:80px; height:32px}

.head_bg{ position:relative; margin-bottom:10px; background-color:#fff; border-bottom:1px solid rgba(226,226,226,1); z-index:99999; transition:margin-top .9s cubic-bezier(.86, 0, .07, 1), opacity 1s linear,background-color 0.2s ease-out,border-bottom-color 0.2s ease-out; -webkit-transition:margin-top .9s cubic-bezier(.86, 0, .07, 1), opacity 1s linear,background-color 0.2s ease-out,border-bottom-color 0.2s ease-out}
.head{ width:1160px; height:86px; line-height:86px; color:#737373; float:left; position:relative}
.head a{ font-size:14px; color:#737373; display:inline-block; transition:opacity .3s ease-out,color .3s ease-out; -webkit-transition:opacity .3s ease-out,color .3s ease-out}
.head a:hover{ opacity:0.7}
.head .logo{ width:188px; height:33px; float:left; margin-top:21px; background:url(../images/logo.png) no-repeat; position:absolute; transition:opacity 0.6s ease; -webkit-transition:opacity 0.6s ease}
.head .logo_white{ background-position:0 -100px; opacity:0}
.head .nav{height:87px; position:absolute; margin-left:-180px; left:50%; text-align:center}
.head .nav a{ padding:0 45px 1px}
.head .user_icon{ padding-left:22px; background-position:-410px -2163px}
.head .line{ width:1px; height:10px; display:inline-block; background-color:#737373; margin:20px 8px 0}

.head_white{ border-bottom-color:rgba(226,226,226,0); background-color:rgba(255,255,255,0)}
.head_white .head{ color:#fff}
.head_white .head a{ color:#fff}
.head_white .head .logo{ opacity:0}
.head_white .head .logo_white{ opacity:1}
.head_white .head .user_icon{ background-position:-410px -2063px}
.head_black .head .line{ background-color:#fff}

.head_black{ border-bottom-color:rgba(226,226,226,0); background-color:rgba(255,255,255,0)}
.head_black .head .line{ background-color:#737373}

.select_product{ width:100%; height:0; float:left; position:absolute; overflow:hidden; top:87px; background-color:#fff; z-index:999999; transition:all .2s ease-out; -webkit-transition:all .2s ease-out}
.select_product ul{ width:0; height:0; overflow:hidden; float:left; position:absolute; left:50%}
.select_product li{ width:146px; float:left; margin:15px 10px 0; transform:translate3d(60px,0,0) rotate(0.0001deg); -webkit-transform:translate3d(60px,0,0) rotate(0.0001deg); opacity:0}
.select_product a{ width:100%; float:left; transition:opacity .25s linear; -webkit-transition:opacity .25s linear}
.select_product .img_box{ width:100%; height: 84px; float:left; text-align:center; background:url(../images/header_bg.png) no-repeat}
.select_product .name{ width:100%; float:left; color:#666; font-size:14px; line-height:28px; text-align:center; padding:16px 0 35px}
.select_product .i_1301{ background-position: center -400px}
.select_product .i_1311{ background-position: center -500px}
.select_product .i_1321{ background-position: center 0}
.select_product .i_1501{ background-position: center -300px}
.select_product .i_16011{ background-position: center -100px}
.select_product .i_16801{ background-position: center -600px}
.select_product .i_17001{ background-position: center -200px}
.select_product .i_1090{ background-position: center -700px}
.select_product .i_1091{ background-position: center -800px}
.select_product .i_1080{ background-position: center -1000px}
.select_product .i_1016{ background-position: center -1200px}
.select_product .i_1050{ background-position: center -900px}
.select_product .i_1060{ background-position: center -1100px}
.select_product .i_1100{ background-position: center -1400px}
.select_product .i_more{ background-position: center -1300px}

.sub_nav_box{ width:100%; height:72px; float:left; margin-top:-10px; position:relative}
.sub_nav{ width:1160px; float:left; height:72px}
.sub_nav .t_1{ float:left; font-size:20px; line-height:72px; color:#212126}
.sub_nav ul{ height:72px; float:right; padding-right:30px}
.sub_nav li{ float:left}
.sub_nav li a{ height:70px; line-height:70px; float:left; border-bottom:2px solid rgba(56,122,221,0); color:rgba(0,0,0,0.5); font-size:14px; padding:0 22px; transition:color .3s ease-in,border-color .3s ease-in; -webkit-transition:color .3s ease-in,border-color .3s ease-in}
.sub_nav li a:hover, .sub_nav li .cur{ border-color:rgba(56,122,221,1); color:rgba(0,0,0,1)}
.sub_nav .buy_btn{ width:112px; height:36px; float:right; border-radius:5px; margin-top:18px; background-color:rgba(56,122,221,1); color:#fff; text-align:center; line-height:36px; font-size:14px; transition:background-color .3s ease-in; -webkit-transition:background-color .3s ease-in}
.sub_nav .buy_btn:hover{ background-color:rgba(56,122,221,0.9)}
.sub_nav .buy_btn:active{ background-color:rgba(41,92,169,1)}
.sub_nav .dis_btn{ background-color:#D2D3D5}
.sub_nav .dis_btn:hover{ background-color:#D2D3D5}
.sub_nav .dis_btn:active{ background-color:#D2D3D5}

.haoqing_nav_box{ width:100%; height:72px; float:left; position:absolute; top:0; z-index:2; background-color:rgba(255,255,255,0.8); box-shadow:0 4px 10px rgba(0,0,0,0.1)}
.haoqing_nav_fixed{ position:fixed; left:0; top:0; z-index:999998}

.opa_0{ opacity:0}

.selCountry{ width:138px; padding:5px 0; float:left; display:none; overflow:hidden; line-height:24px; position:absolute; border:1px solid #fff; background-color:#fff; z-index:999999}
.selCountry li{ width:118px; height:24px; float:left; overflow:hidden; padding:0 10px}
.selCountry .cn{ padding-left:20px; float:left; background-position:0 4px}
.selCountry .us{ padding-left:20px; float:left; background-position:0 -56px}
.selCountry .kr{ padding-left:20px; float:left; background-position:0 -116px; line-height:26px}
.selCountry .uk{ padding-left:20px; float:left; background-position:0 -176px}
.selCountry .br{ padding-left:20px; float:left; background-position:0 -236px}
.selCountry .ua{ padding-left:20px; float:left; background-position:0 -296px}
.selCountry .tw{ padding-left:20px; float:left; background-position:0 -356px}
.selCountry .ru{ padding-left:20px; float:left; background-position:0 -416px}
.selCountry .au{ padding-left:20px; float:left; background-position:0 -476px}

.foot{ width:100%; float:left; position:relative; background-color:#4A4A4D}
.foot .box{ width:1160px; float:left; position:relative; left:50%; margin-left:-580px;}
.foot .tel{ color:#fff; font-size:28px; text-align:center; line-height:36px; float:left; padding-left:5px}
.foot .tel .fs_12{ width:100%; float:left; line-height:22px; font-size:12px; color:rgba(255,255,255,0.4); padding-top:20px}
.foot a{ color:rgba(255,255,255,0.4); transition:color .3s ease-out; -webkit-transition:color .3s ease-out}
.foot a:hover{ color:#2CC699}
.foot ul{ float:right}
.foot li{ width:60px; float:left; text-align:right; line-height:20px; margin-left:90px}
.foot li .tit{ width:100%; float:left; color:#fff; padding-bottom:12px}
.foot li a{ width:100%; float:left; margin:2px 0}
.foot li:first-child{ margin-left:0}
.foot .info{ width:100%; float:left; border-top:1px solid rgba(255,255,255,0.1); color:rgba(255,255,255,0.4); line-height:24px; margin-top:36px; padding:24px 0}
.foot .info a{ float:left}
.foot .info .line{ width:1px; height:10px; float:left; background-color:rgba(255,255,255,0.4); margin:8px 10px 0}
.foot .info .countryBtn{ padding-left:20px; float:right; background-position:0 4px}

.ensure{ width:100%; min-width:930px; height:290px; float:left; background-color:#f5f5f5; overflow:hidden}
.ensure ul{ width:1176px; height:290px; float:left; position:relative; left:50%; margin-left:-588px}
.ensure li{ width:294px; padding-top:110px; float:left; line-height:20px; text-align:center; color:#323232; background:url(../images/ensure_bg.png) no-repeat center 35px}
.ensure .t_1{ width:100%; float:left; font-size:16px; padding-bottom:10px}
.ensure .t_2{ width:100%; height:64px; float:left; color:#666}
.ensure .t_3{ width:100%; float:left}
.ensure .t_3 a{ color:#10a570}
.ensure .icon_2{ background-position:center -265px}
.ensure .icon_3{ background-position:center -565px}
.ensure .icon_4{ background-position:center -865px}

.phone_box{ width:100%; float:left; overflow:hidden; top:0; left:0; position:absolute; background-color:rgba(0,0,0,0.7); padding-bottom:40px; opacity:0; display:none; transition-timing-function:"ease"; z-index:9999999}
.phone_box .box{ width:870px; float:left; overflow:hidden; position:relative; background-color:#fff; top:20px; left:50%; margin-left:-435px}
.phone_box .t_1{ width:100%; float:left; font-size:32px; line-height:60px; color:#666; margin-top:20px}
.phone_box .t_2{ width:100%; float:left; font-size:14px; line-height:18px; color:#888}
.phone_box .t_3{ width:100%; float:left; font-size:20px; line-height:40px; color:#888; background-position:-130px -205px; text-indent:35px; margin:40px 0 10px}
.phone_box .and_icon{ background-position:-130px -270px}
.phone_box .plr_35{ padding:0 35px}
.phone_box ul{ width:100%; float:left; color:#323232; font-size:14px; line-height:22px; padding-bottom:30px}
.phone_box li{ width:100%; float:left; padding:3px 0}
.phone_box li label{ width:75px; text-align:center; display:inline-block}
.phone_box .w_100{ width:100px; float:left; color:#888}
.phone_box .w_700{ width:700px; float:left}
.phone_box .phoneImg{ width:100%; height:240px; float:left; overflow:hidden}
.phone_box .close{ width:60px; height:60px; float:left; background-position:0 -2400px; position:fixed; right:25px; top:15px}

.weixin{ width:500px; height:480px; float:left; position:absolute; display:none; opacity:0; overflow:hidden; z-index:9999930}
.weixin .con{ width:400px; height:440px; float:left; padding:20px; background-color:#fff; color:#676C72}
.weixin .con a{ text-decoration:underline}
.weixin .tit{ width:400px; font-size:26px; text-align:center; line-height:30px; height:30px; padding-bottom:30px; margin-bottom:10px; border-bottom:1px dashed #E1E1E1}
.weixin p{ width:400px; font-size:14px; line-height:20px; text-align:center; padding-bottom:20px}
.weixin img{ width:296px; height:296px; float:left; margin-left:52px}
.weixin .close{ width:60px; height:60px; float:left; background-position:-400px -780px}

.down_list{ width:322px; height:0; overflow:hidden; float:left; margin-top:-10px}
.down_list .list{ width:303px; float:left; margin-bottom:10px}
.down_list .list a{ width:243px; padding-left:55px; line-height:28px; height:28px; display:block; font-size:16px; color:#333; transition:none; -webkit-transition:none}
.down_list .list a:hover{ text-decoration:none}
.down_list .h_180{ height:180px; overflow-x:hidden; overflow-y:auto}

.down_list_282{ width:272px; margin-top:-5px}
.down_list_282 .list{ width:267px}
.down_list_282 .list a{ width:241px; padding-left:19px}

.mask{ width:100%; height:100%; display:none; position:fixed; top:0; left:0; background-color:#EEE; opacity:0.6; z-index:9999900; float:left}
.mask_op{ opacity:0}
.mask_black{ background-color:#000}

.msg_box{ height:24px; background-color:#F00; float:left; opacity:0.3; position:absolute; right:10px; overflow:hidden; padding:0 10px; line-height:24px; border-radius:5px; color:#fff; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0)}

.cart_msg{ padding:0 20px; height:42px; color:#fff; font-size:18px; float:left; text-align:center; line-height:42px; opacity:0; border-radius:5px; background-color:#FF2D55; position:absolute; top:-42px; left:50%}

.exegesis_box{ width:100%; min-width:930px; float:left; line-height:40px; background-color:#E5E5E5; color:#666; text-align:center}

@keyframes opa_1{ 0%{ opacity:0} 100%{ opacity:1}}

.pt_40{ padding-top:40px}
.pt_45{ padding-top:45px}
.pt_60{ padding-top:60px}
.pl_10{ padding-left:10px}
.pb_5{ padding-bottom:5px}
.pb_50{ padding-bottom:50px}
.pb_100{ padding-bottom:100px}
.pb_200{ padding-bottom:200px}
.pr_80{ padding-right:80px}
.mr_10{ margin-right:10px}
.mr_20{ margin-right:20px}
.mr_50{ margin-right:50px}
.mb_0{ margin-bottom:0}

.w_20{ width:20px}
.wp_100{ width:100%}
.w_140{ width:140px}
.w_303{ width:303px}
.w_380{ width:380px}
.w_450{ width:450px}
.w_600{ width:600px}
.h_250{ height:250px}
.h_600{ height:600px}
.h_900{ height:900px}

.main_min,
.main_min .head,
.main_min .cart_tab,
.main_min .myorder_tab,
.main_min .haoqing_1,
.main_min .haoqing_2,
.main_min .haoqing_3,
.main_min .haoqing_4,
.main_min .haoqing_5,
.main_min .haoqing_6,
.main_min .haoqing_7,
.main_min .haoqing_8,
.main_min .page{ width:930px}
.main_min .sign{ margin-left:136px}
.main_min .log_tit{ margin-left:136px}
.main_min .log_tab{ margin-left:314px}
.main_min .chageLogin{ margin-left:314px}
.main_min .myorder_tab .w_700{ width:470px}
.main_min .error{ margin:90px 0 0 85px}
.main_min .hq_3_chage{ margin:30px 0 0 385px}

.haoqing_nav_box .main_min .sub_nav{ width:930px}

.userfacefix { border: 1px solid #f0f0f0 !important; }
.userfacefix img { float: left; }
.userfacefix.c50 { width: 50px !important; height: 50px !important; border-radius: 25px !important; }
.userfacefix.c100 { width: 100px !important; height: 100px !important; border-radius: 50px !important; }
.userfacefix.r50 { width: 50px !important; height: 50px !important; border-radius: 50px; }
.userfacefix.r100 { width: 100px !important; height: 100px !important; border-radius: 50px; }
